<!doctype html>
<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
<html class="no-js" lang="en" >
    <head>
        <title>n3ctar - Experiencias entre marcas y personas</title>
        <?php include('html/head.html') ?>
        <meta name="google-site-verification" content="H3QCvGFzaIUmp9EqsJThRCYzkWMUr0K_gRdPidmA-mM" />
    </head>
    <body class="home">
        <?php include('html/top-nav.html') ?>

        <img src="img/loader.gif" class="loader" alt="" />
          <div class="nav-arrows">


        </div>
        <div class="slides has-load curr-1">
          <a href="#prev" class="arrow up"><i class="fa animated bounce-up fa-2x fa-angle-up"></i></a>
          <a href="#next" class="arrow down"><i class="fa animated bounce fa-2x fa-angle-down"></i></a>
            <nav class="bullets">
                <ul>
                    <li><a data-to="1" href="#n3ctar" class="active" title="n3ctar"><div class="bullet"></div></a></li>
                    <li><a data-to="2" href="#experiencias"  title="experiencias"><div class="bullet"></div></a></li>
                    <li><a data-to="3" href="#marca" title="marca"><div class="bullet"></div></a></li>
                    <li><a data-to="4" href="#conductas" title="conductas"><div class="bullet"></div></a></li>
                    <li><a data-to="5" href="#interactividad" title="interactividad"><div class="bullet"></div></a></li>
                    <li><a data-to="6" href="#comunicación" title="comunicación"><div class="bullet"></div></a></li>
                    <li><a data-to="7" href="#personas" title="on / off"><div class="bullet"></div></a></li>
                    <li><a data-to="8" href="#1990" title="desde 1990"><div class="bullet"></div></a></li>
                </ul>
            </nav>

            <div class="slide">
                <!-- first section -->
                <section role="contentinfo" class="block-1 active">
                    <div class="center-align">
                        <p class="mb-70"><a href="sercivios">www + vivo + medios</a></p>
                        <img class="mb-20" src="img/n3ctar-home.svg" alt="n3ctar" />
                        <img class="mb-60" src="img/experiencias.svg" alt="Experiencias entre marcas y personas" />
                        <p><a href="postmarketing">Postmarketing</a></p>
                    </div><!--
                    --><span></span>

                </section>
                <!-- end first section -->
            </div>

            <div class="slide">
                <!-- second section -->
                <section role="contentinfo" class="block-2">
                    <div class="center-align">
                        <p class="mb-40">ideamos y realizamos experiencias memorables para públicos que han aprendido a olvidar</p>
                        <img class="mb-40" src="img/informacion.svg" alt="" />
                        <a href="#familias" class="circle caso" title="familiasalaescuela"><img src="img/content/home/familias.jpg" alt="" /></a>
                        <a href="#arbol" class="circle caso" title="el árbol de los deseos"><img src="img/content/home/arbol.jpg" alt="" /></a>
                    </div><!--
                    --><span></span>
                </section>
                <!-- end second section -->
            </div>

            <div class="slide">
                <!-- third section -->
                <section role="contentinfo" class="block-3">
                    <div class="center-align">
                        <img class="mb-40" src="img/marca.svg" alt="" />
                        <p class="mb-40">una huella en <span>la cabeza</span> el alma de alguien</p>
                        <a href="#glee" class="circle caso" title="glee"><img src="img/content/home/glee.jpg" alt="" /></a>
                        <a href="#invisibles" class="circle caso" title="invisibles"><img src="img/content/home/invisibles.jpg" alt="" /></a>
                    </div><!--
                    --><span></span>
                </section>
                <!-- end third section -->
            </div>
            <div class="slide">

                <!-- fourth section -->
                <section role="contentinfo" class="block-4">
                    <div class="center-align">
                        <img class="mb-40" src="img/conductas.svg" alt="" />
                        <p class="mb-40">trabajamos para modificar conductas</p>
                        <a href="#joujou" class="circle caso" title="joujoujou"><img src="img/content/home/joujou.jpg" alt="" /></a>
                        <a href="#escaparates" class="circle caso" title="escaparates"><img src="img/content/home/escaparates.jpg" alt="" /></a>
                    </div><!--
                    --><span></span>
                </section>
                <!-- end fourth section -->
            </div>

            <div class="slide">
                <!-- fifth section -->
                <section role="contentinfo" class="block-5">
                    <div class="center-align">
                        <img class="mb-40" src="img/interactividad.svg" alt="" />
                        <p class="mb-40">es la mutua capacidad de modificar una conducta o creencia</p>
                        <a href="#llamame" class="circle caso" title="llámame"><img src="img/content/home/llamame.jpg" alt="" /></a>
                        <a href="#juntines" class="circle caso" title="juntines"><img src="img/content/home/juntines.jpg" alt="" /></a>
                    </div><!--
                    --><span></span>
                </section>
                <!-- end fifth section -->
            </div>

            <div class="slide">
                <!-- sixth section -->
                <section role="contentinfo" class="block-6">
                    <div class="center-align">
                        <p class="mb-40">solo producimos comunicaci&oacute;n interactiva<br />p&uacute;blico y marca co-protagonistas<br />buscamos y generamos situaciones de
                            <span>atenci&oacute;n&nbsp;disponible</span><br />construimos soluciones <span>desde</span> el p&uacute;blico<br />
                            solidarias / sostenibles / medibles.</p>
                        <a href="#paquito" class="circle caso" title="paquito"><img src="img/content/home/paquito.jpg" alt="" /></a>
                        <a href="#livesms" class="circle caso" title="live sms"><img src="img/content/home/livesms.jpg" alt="" /></a>
                    </div><!--
                    --><span></span>
                </section>
                <!-- end sixth section -->
            </div>

            <div class="slide">
                <!-- seventh section -->
                <section role="contentinfo" class="block-7">
                    <div class="center-align">
                        <img class="mb-20" src="img/onoff.svg" alt="" style="width: 50%;" />
                        <p class="large-title">no hay m&aacute;s</p>
                        <p class="cross-text mb-20"><span>atl btl digital neuromkt guerrilla evento integral promo activaci&oacute;n campa&ntilde;a web prensa rrpp banner pauta tanda pnt</span>...</p>
                        <p class="large-title mb-20">solo personas</p>
                        <img class="mb-20" src="img/informacion-2.svg" alt="" style="width: 50%;" />
                        <a href="#zarzuela" class="circle caso" title="zarzuelapunk"><img src="img/content/home/zarzuela.jpg" alt="" /></a>
                        <a href="#lona" class="circle caso" title="lona sensorial"><img src="img/content/home/lona.jpg" alt="" /></a>
                    </div><!--
                    --><span></span>
                </section>
                <!-- end seventh section -->
            </div>

            <div class="slide">
                <!-- eighth section -->
                <section role="contentinfo" class="block-8">
                    <div class="center-align">
                        <img class="mb-40" src="img/solohacemos.svg" alt="" />
                        <p class="mb-40">nada m&aacute;s<br />nada menos<br />desde <strong>1990</strong></p>
                        <a href="#ariel" class="circle caso" title="ariel"><img src="img/content/home/ariel.jpg" alt="" /></a>
                        <a href="#movicom" class="circle caso" title="movicom"><img src="img/content/home/movicom.jpg" alt="" /></a>
                    </div><!--
                    --><span></span>
                </section>
                <!-- end eighth section -->
            </div>
        </div>

        <?php include('html/footer.html') ?>
        <?php include('html/modal.html') ?>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script src="js/foundation/foundation.js"></script>
        <script src="js/foundation/foundation.dropdown.js"></script>
        <script src="js/main.js"></script>
        <script src="js/jquery.tooltipster.min.js"></script>
        <script src="js/home-effect.js"></script>
        <script>
            $(document).foundation();

            // TOOLTIPSTER
            $(document).ready(function() {
                $('.bullets a').tooltipster({
                    position: 'left',
                });

                $('.circle').tooltipster({
                    position: 'bottom',
                });
            });
        </script>
    </body>
</html>
